<script setup>
  import {ref} from "vue";

  const arr=ref([
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000},
    {brand:'奥迪',model:'A8',license:'奥8888888',color:'黑',km:100000000}
  ])
</script>

<template>

    <div class="common-layout">
      <el-container>
        <el-aside width="200px">
          <el-menu>
            <el-menu-item>用户管理</el-menu-item>
            <el-menu-item>车辆管理</el-menu-item>
            <el-menu-item>围栏管理</el-menu-item>
          </el-menu>
        </el-aside>
        <el-container>
          <el-header>
            <h2  STYLE="background-color: #0aa1ed;color: #fff;margin: 0">
              智慧车辆管理系统-VOS
            </h2>
          </el-header>
          <el-main>
            <el-table :data="arr">
              <el-table-column label="序号" type="index"  align="center" width="80"></el-table-column>
              <el-table-column label="品牌" prop="brand"  align="center"></el-table-column>
              <el-table-column label="型号" prop="model"  align="center"></el-table-column>
              <el-table-column label="车牌号" prop="license"  align="center"></el-table-column>
              <el-table-column label="颜色" prop="color"  align="center"></el-table-column>
              <el-table-column label="公里数" prop="km" align="center"></el-table-column>
            </el-table>
          </el-main>
        </el-container>
      </el-container>
    </div>

</template>


<style scoped>

</style>